<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
<%--    <link rel="stylesheet" href="${ctx}/statics/css/message.css?v=${v}">--%>
    <title>消息管理</title>
</head>
<body>
<h3>【消息管理】功能暂未开放！</h3>
<!--条件筛选-->
<div class="filters layui-hide">
    <blockquote class="layui-elem-quote">
        <form action="#" class="layui-form clearfix" lay-filter="search">
            <div class="layui-inline">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-inline startTime">
                    <input type="text" class="layui-input" id="startTime" name="fromTime">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-inline endTime">
                    <input type="text" class="layui-input" id="endTime" name="toTime">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">区域</label>
                <div class="layui-input-inline area-option-wrap">
                    <select name="areaId" xm-select="areaMenu" class="multi-area areaMenu w7b"
                            xm-select-skin="normal" xm-select-height="38px" xm-select-show-count="1"></select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">设备</label>
                <div class="layui-input-inline dev-option-wrap">
                    <select name="meterCode" xm-select="meterMenu" class="multi-meter meterMenu"
                            xm-select-skin="normal" xm-select-height="38px" xm-select-show-count="1"></select>
                </div>
            </div>
            <button class="layui-btn refreshBtn layui-hide" lay-submit lay-filter="search"></button>
        </form>
    </blockquote>
</div>
<section class="container-wrap layui-hide">
    <div class="main-part">
        <div class="alarmLight wrap layui-row">
            <div class="layui-col-md3 left-part">
                <h3><i class="icon iconfont icon-gaojing"></i>报警灯</h3>
                <button class="layui-btn layui-btn-primary layui-btn-sm light-btn">配置</button>
            </div>
            <div class="layui-col-md9 msg-list layui-hide"></div>
        </div>
        <div class="WeChat wrap layui-row">
            <div class="layui-col-md3 left-part">
                <h3><i class="icon iconfont icon-weixin"></i>微信</h3>
                <button class="layui-btn layui-btn-primary layui-btn-sm wechat-btn">配置</button>
            </div>
            <div class="layui-col-md9 msg-list layui-hide">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>推送时间</th>
                        <th>推送信息</th>
                        <th>是否推送成功</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2020-10-07 10:10:10</td>
                        <td>设备一超标</td>
                        <td>成功</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="SMS wrap layui-row">
            <div class="layui-col-md3 left-part">
                <h3><i class="icon layui-icon layui-icon-dialogue"></i>简讯</h3>
                <button class="layui-btn layui-btn-primary layui-btn-sm sms-btn">配置</button>
            </div>
            <div class="layui-col-md9 msg-list layui-hide">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>推送时间</th>
                        <th>推送信息</th>
                        <th>是否推送成功</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2020-10-07 10:10:10</td>
                        <td>设备一超标</td>
                        <td>成功</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="customerService wrap layui-row">
            <div class="layui-col-md3 left-part">
                <h3><i class="icon layui-icon layui-icon-service"></i>客服平台</h3>
                <button class="layui-btn layui-btn-primary layui-btn-sm customer-btn">配置</button>
            </div>
            <div class="layui-col-md9 msg-list layui-hide">
                <table class="layui-table">
                    <thead>
                    <tr>
                        <th>推送时间</th>
                        <th>推送信息</th>
                        <th>是否推送成功</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2020-10-07 10:10:10</td>
                        <td>设备一超标</td>
                        <td>成功</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="operate-btns">
        <button class="layui-btn layui-btn-primary layui-btn-lg searchBtn"><i class="layui-icon layui-icon-search"></i>查询</button>
        <button class="layui-btn layui-btn-primary layui-btn-lg exportBtn"><i class="layui-icon layui-icon-export"></i>导出</button>
        <button class="layui-btn layui-btn-primary layui-btn-lg printBtn"><i class="layui-icon layui-icon-print"></i>打印</button>
    </div>
</section>
<%--报警灯配置--%>
<script type="text/html" id="light-tpl">
    <form class="layui-form add-param" lay-filter="alarmLight-add" action="#">
        <div class="layui-inline">
            <label class="layui-form-label">报警灯编号</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="lightId" placeholder="请输入">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">报警灯位置</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="lightName" placeholder="请输入">
            </div>
        </div>
        <div class="layui-inline">
            <button class="layui-btn layui-btn-sm" lay-submit lay-filter="alarmLight-add">添加报警灯</button>
        </div>
    </form>
    <div class="table-wrap">
        <table id="lightList" lay-filter="lightList"></table>
    </div>
</script>

<%--报警灯绑定设备--%>
<script type="text/html" id="binding-tpl">
    <form class="layui-form add-param" lay-filter="bind-dev" action="#">
        <div class="layui-form-item">
            <label class="layui-form-label">绑定设备</label>
            <div class="layui-input-block">
                <div class="btn-group">
                    <span lay-active="checkAll"><i class="xm-iconfont icon-quanxuan"></i>全选</span>
                    <span lay-active="checkClear"><i class="xm-iconfont icon-qingkong"></i>清空</span>
                    <span lay-active="checkReverse"><i class="xm-iconfont icon-fanxuan"></i>反选</span>
                </div>
                <div class="devlist"></div>
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn layui-btn-sm fr" lay-submit lay-filter="bind-dev">确定</button>
        </div>
    </form>
</script>

<%--编辑报警灯信息--%>
<script type="text/html" id="light-edit-tpl">
    <form class="layui-form edit-param" lay-filter="alarmLight-edit" action="#">
        <div class="layui-form-item">
            <label class="layui-form-label">报警灯编号</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="lightId" placeholder="请输入">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">报警灯位置</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="lightName" placeholder="请输入">
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn layui-btn-sm fr" lay-submit lay-filter="alarmLight-edit">确定</button>
        </div>
    </form>
</script>
<%--报警灯toolbar--%>
<script type="text/html" id="light-tools-tpl">
    <div class="layui-btn-group">
        <button class="layui-btn layui-btn-xs" lay-event="edit-light" title="修改报警灯"><i class="layui-icon layui-icon-edit"></i>修改</button>
        <button class="layui-btn layui-btn-xs" lay-event="bind-device" title="绑定设备"><i class="layui-icon iconfont icon-zuzhiqunzu"></i>绑定</button>
        <button class="layui-btn layui-btn-xs" lay-event="del" title="删除报警灯"><i class="layui-icon layui-icon-delete"></i>删除</button>
    </div>
</script>

<%--微信配置--%>
<script type="text/html" id="wechat-tpl">
    <div class="qr-layer">
        <img src="/statics/imgs/QR-code.jpg" alt="佳运通二维码">
        <p>
            手机扫描二维码，关注“佳运通电子科技”公众号，接收报警推送！
        </p>
    </div>
</script>
<%--短信配置--%>
<script type="text/html" id="sms-tpl">
    <form class="layui-form edit-param" lay-filter="sms-param" action="#">
        <div class="layui-form-item">请输入接收简讯的手机号码，输入多个请用“逗号”分隔，如： 18911111111,18922222222</div>
        <div class="layui-form-item">
            <textarea name="phoneNumber" required lay-verify="required" placeholder="请输入" class="layui-textarea phoneNumber"></textarea>
        </div>
        <div class="layui-form-item">
            <div class="fr">
                <input class="layui-btn layui-btn-sm" type="button" lay-submit lay-filter="sms-param" value="添加">
            </div>
        </div>
    </form>
    <div class="show-phone-num">
        <div class="layui-form-item">已添加号码：</div>
        <div class="phone-list">
        </div>
    </div>
</script>
<%--客服平台--%>
<script type="text/html" id="customer-tpl">
    <p class="customer-layer">
        <span id="tip">调用以下接口可获取推送信息</span>
        <textarea readonly class="layui-textarea" id="txt"></textarea>
        <em id="copy" title="全部复制"><i class="layui-icon layui-icon-templeate-1"></i></em>
    </p>
</script>
<%--消息记录--%>
<script type="text/html" id="msg-table-tpl">
    <div class="layui-row">
        {{#  layui.each(d, function(index, item){ }}
        <div class="layui-col-md6">
            <table class="layui-table">
                <thead>
                    <tr>
                        <th>推送时间</th>
                        <th>推送信息</th>
                        <th>推送状态</th>
                    </tr>
                </thead>
                <tbody>
                {{# if(item.length == 0){ }}
                <tr>
                    <td colspan="3" style="text-align: center;">无数据</td>
                </tr>
                {{# }else { }}
                {{#  layui.each(item, function(idx, ite){ }}
                    <tr>
                        <td>{{ ite.recTime }}</td>
                        <td>{{ ite.content }}</td>
                        <td>{{ ite.isSend }}</td>
                    </tr>
                {{#  }); }}
                {{# } }}
                </tbody>
            </table>
        </div>
        {{#  }); }}
    </div>
</script>
<!--startprint-->
<div id="printContentBox" style="display: none;"></div>
<!--endprint-->
<script type="text/html" id="area-tpl">
    {{#  layui.each(d, function(index, item){ }}
    <option value="{{ item.areaId }}">{{ item.areaName }}</option>
    {{#  }); }}
</script>
<script type="text/html" id="meter-tpl">
    {{#  layui.each(d, function(index, item){ }}
    <option value="{{ item.meterCode }}">{{ item.anotherName }}</option>
    {{#  }); }}
</script>

<%--<script src="${ctx}/statics/js/message.js?v=${v}"></script>--%>
</body>
</html>
